﻿@model VietPremier.Areas.AdminCP.Models.TravelCityModel
@{
    ViewBag.Title = "Thêm tour du lịch mới";
    Layout = "~/Areas/AdminCP/Views/Shared/AdminLayout.cshtml";
}

<script src="@Url.Content("~/Content/cssAdmin/js/plugins/jquery-1.7.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Content/cssAdmin/js/plugins/jquery-ui-1.8.16.custom.min.js")" type="text/javascript"></script>
<script type="text/javascript" src="@Url.Content("~/ckeditor/ckeditor.js")"></script>
<script type="text/javascript" src="@Url.Content("~/ckfinder/ckfinder.js")"></script>

<script type="text/javascript">
    jQuery(document).ready(function () {
        $('#nofSuccess').hide(); // an thong bao
        $('#nofError').hide();

        readyValue();
    });
    function getParameterByName(name) {
        name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
        var regexS = "[\\?&]" + name + "=([^&#]*)";
        var regex = new RegExp(regexS);
        var results = regex.exec(window.location.search);
        if (results == null)
            return "";
        else
            return decodeURIComponent(results[1].replace(/\+/g, " "));
    }
    function readyValue() {

    }
    function CopyInformation() {
        $("#Titletag").val("Viet Premier");
        $("#Meta_description").val("Viet Premier");
        $("#Meta_keyword").val("Viet Premier");
        return false;
    }
    function alertMsg(msg) {
        $('#nofSuccess').hide();
        $('#nofError').show();
        $('#msgNofError').text(msg);
    }
    function getFileExtension(filename) {
        var ext = /^.+\.([^.]+)$/.exec(filename);
        return ext == null ? "" : ext[1];
    }
    function is_int(value) {
        for (i = 0; i < value.length; i++) {
            if ((value.charAt(i) < '0') || (value.charAt(i) > '9')) return false
        }
        return true;
    }
    function removeColorBox() {
        //tra ve mau trang thai cu
        $("#Position").css("border", "1px solid #ccc");
        $("#Name").css("border", "1px solid #ccc");
        $("#Price").css("border", "1px solid #ccc");
        $("#Description").css("border", "1px solid #ccc");
        $("#Time").css("border", "1px solid #ccc");
        $("#Duration").css("border", "1px solid #ccc");
        $("#Image").css("border", "1px solid #ccc");
        //<!--SEO -->
        $("#Titletag").css("border", "1px solid #ccc");
        $("#Meta_description").css("border", "1px solid #ccc");
        $("#Meta_keyword").css("border", "1px solid #ccc");
        return false;
    }
    function checkField() {

        removeColorBox();

        //<!--SEO -->
        //check Title
        var Title = $("#Titletag").val();
        if (Title.length < 2 || Title.length > 200) {
            msg = "Title không được để trống và có 2 đến 200 ký tự.";
            decoded = $('<div/>').html(msg).text();
            alertMsg(decoded);
            alert(decoded);
            $("#Titletag").css("border", "1px solid red");
            $("#Titletag").focus();
            return false;
        }

        //check Meta_Description
        var MetaDescription = $("#Meta_description").val();
        if (MetaDescription.length < 2 || MetaDescription.length > 200) {
            msg = "Meta Description không được để trống và có 2 đến 200 ký tự.";
            decoded = $('<div/>').html(msg).text();
            alertMsg(decoded);
            alert(decoded);
            $("#Meta_description").css("border", "1px solid red");
            $("#Meta_description").focus();
            return false;
        }

        //check Meta_Keyword
        var MetaKeyword = $("#Meta_keyword").val();
        if (MetaKeyword.length < 2) {
            msg = "Meta Keyword không được để trống và có ít nhất 2 ký tự.";
            decoded = $('<div/>').html(msg).text();
            alertMsg(decoded);
            alert(decoded);
            $("#Meta_keyword").css("border", "1px solid red");
            $("#Meta_keyword").focus();
            return false;
        }

        //check image
        var image = $("#Image").val();
        if (image == null || image == "") {
            //do nothing
        }
        else {
            var ext = image.substring((Math.max(0, image.lastIndexOf(".")) || image.length) + 1);
            ext = ext.toLowerCase();

            if (ext != "jpg" && ext != "jpeg" && ext != "gif" && ext != "png") {

                msg = "! Upload an image file with format jpg, jpeg, gif or png";
                decoded = $('<div/>').html(msg).text();
                alertMsg(decoded);
                alert(decoded);
                $("#Image").css("border", "1px solid red");
                $("#Image").focus();
                return false;
            }
        }

        //check Order
        var Position = $("#Position").val();
        if (Position == null || Position == '') {
            msg = "Thứ tự không được để trống.";
            decoded = $('<div/>').html(msg).text();
            alertMsg(decoded);
            alert(decoded);
            $("#Position").css("border", "1px solid red");
            $("#Position").focus();
            return false;
        }
        else {
            if (is_int(Position) == false) {
                msg = "Thứ tự phải là số.";
                decoded = $('<div/>').html(msg).text();
                alertMsg(decoded);
                alert(decoded);
                $("#Position").css("border", "1px solid red");
                $("#Position").focus();
                return false;
            }
            if (Position < 0 || Position > 100) {
                msg = "Thứ tự có số lớn 1 và bé hơn 100.";
                decoded = $('<div/>').html(msg).text();
                alertMsg(decoded);
                alert(decoded);
                $("#Position").css("border", "1px solid red");
                $("#Position").focus();
                return false;
            }
        }

        //check Name
        var Name = $("#Name").val();
        if (Name.length < 2 || Name.length > 100) {
            msg = "Tên không được để trống và có 2 đến 100 ký tự.";
            decoded = $('<div/>').html(msg).text();
            alertMsg(decoded);
            alert(decoded);
            $("#Name").css("border", "1px solid red");
            $("#Name").focus();
            return false;
        }

        //check Price
        var Price = $("#Price").val();
        if (Price.length < 2 || Price.length > 100) {
            msg = "Giá được để trống và có 2 đến 100 ký tự.";
            decoded = $('<div/>').html(msg).text();
            alertMsg(decoded);
            alert(decoded);
            $("#Price").css("border", "1px solid red");
            $("#Price").focus();
            return false;
        }

     
        //check Description
        var Description = $("#Description").val();
        if (Description.length < 2 || Description.length > 300) {
            msg = "Giới thiệu không được để trống và có 2 đến 300 ký tự.";
            decoded = $('<div/>').html(msg).text();
            alertMsg(decoded);
            alert(decoded);
            $("#Description").css("border", "1px solid red");
            $("#Description").focus();
            return false;
        }

        //check Time
        var Time = $("#Time").val();
        if (Time.length < 2 || Time.length > 100) {
            msg = "Thời gian không được để trống và có 2 đến 100 ký tự.";
            decoded = $('<div/>').html(msg).text();
            alertMsg(decoded);
            alert(decoded);
            $("#Time").css("border", "1px solid red");
            $("#Time").focus();
            return false;
        }

        //check Duration
        var Duration = $("#Duration").val();
        if (Duration.length < 2 || Duration.length > 200) {
            msg = "Địa điểm không được để trống và có 2 đến 200 ký tự.";
            decoded = $('<div/>').html(msg).text();
            alertMsg(decoded);
            alert(decoded);
            $("#Duration").css("border", "1px solid red");
            $("#Duration").focus();
            return false;
        }

        //check Body
        var Body_editor = CKEDITOR.instances.Body;
        if (Body_editor.getData() == '') {
            msg = "Nội dung không được để trống.";
            decoded = $('<div/>').html(msg).text();
            alertMsg(decoded);
            alert(decoded);
            CKEDITOR.instances.Body.focus();
            return false;
        }

        //check Itinerary
        var Itinerary_editor = CKEDITOR.instances.Itinerary;
        if (Itinerary_editor.getData() == '') {
            msg = "Lịch trình không được để trống.";
            decoded = $('<div/>').html(msg).text();
            alertMsg(decoded);
            alert(decoded);
            CKEDITOR.instances.Itinerary.focus();
            return false;
        }

        //check When
        var Note_editor = CKEDITOR.instances.Note;
        if (Note_editor.getData() == '') {
            msg = "Quy định không được để trống.";
            decoded = $('<div/>').html(msg).text();
            alertMsg(decoded);
            alert(decoded);
            CKEDITOR.instances.Note.focus();
            return false;
        }

        //return false;
        return confirm("Bạn có chắc muốn lưu lại không?");

    }

</script>

<div class="maincontentinner">
    <ul class="maintabmenu">
        <li class="current"><a href="@Url.Action("Index", "AdminTravelCity", new { idTravelProduct = Model.travelProduct.Id })" >Quản lý tour du lịch</a></li>
    </ul>
    <!--maintabmenu-->
    <div class="notification msgsuccess" style="display: none" id="nofSuccess">
        <a class="close"></a>
        <p id="msgNofSuccess">This is a success message.</p>
    </div>
    <!-- notification msgsuccess -->

    <div class="notification msgerror" style="display: none" id="nofError">
        <a class="close"></a>
        <p id="msgNofError">This is an error message.</p>
    </div>
    <!-- notification msgerror -->

    <form id="form" class="stdform stdform2" method="post" action="#" enctype="multipart/form-data">

        <div class="contenttitle radiusbottom0">
            <h2 class="table"><span>Quản lý SEO cho trang tour du lịch</span></h2>
        </div>

        <p>
            <label>Title (*)</label>
            <span class="field">
                <input type="text" name="Titletag" id="Titletag" class="longinput" /></span>
        </p>

        <p>
            <label>Meta Description (*)</label>
            <span class="field">
                <input type="text" name="Meta_description" id="Meta_description" class="longinput" /></span>
        </p>

        <p>
            <label>Meta Keyword (*)</label>
            <span class="field">
                <textarea class="longinput" rows="5" cols="80" name="Meta_keyword" id="Meta_keyword"></textarea></span>
        </p>

        <p class="stdformbutton" style="padding: 10px">
            <input type="submit" value="Use The Default SEO" onclick="return CopyInformation()" />
        </p>

        <div class="contenttitle radiusbottom0">
            <h2 class="table"><span>Thêm một tour du lịch cho sản phẩm du lịch @Model.travelProduct.Name</span></h2>
        </div>
        <!--contenttitle-->
        <p>
            <label>Ảnh</label>
            <span class="field">
                <input type="file" name="Image" id="Image" />
            </span>
        </p>

        <p>
            <label>Thứ tự</label>
            <span class="field">
                <input type="text" name="Position" id="Position" class="longinput" />
            </span>
        </p>

        <p>
            <label>Tên</label>
            <span class="field">
                <input type="text" name="Name" id="Name" class="longinput" />
            </span>
        </p>

        <p>
            <label>Giá</label>
            <span class="field">
                <input type="text" name="Price" id="Price" class="longinput" />
            </span>
        </p>

        <p>
            <label>Giới thiệu</label>
            <span class="field">
                <textarea class="longinput" rows="5" cols="80" name="Description" id="Description"></textarea>
            </span>
        </p>

        <p>
            <label>Thời gian</label>
            <span class="field">
                <input type="text" name="Time" id="Time" class="longinput" />
            </span>
        </p>

        <p>
            <label>Địa điểm</label>
            <span class="field">
                <input type="text" name="Duration" id="Duration" class="longinput" />
            </span>
        </p>

        <p>
            <label>Nội dung</label>
            <span class="field">
                <textarea class="ckeditor" rows="10" cols="80" name="Body" id="Body"></textarea>
            </span>
            <script type="text/javascript">
                CKEDITOR.replace('Body', {
                    filebrowserBrowseUrl: '/ckfinder/ckfinder.html',
                    filebrowserImageBrowseUrl: '/ckfinder/ckfinder.html?Type=Images',
                    filebrowserFlashBrowseUrl: '/ckfinder/ckfinder.html?Type=Flash',
                    filebrowserUploadUrl: '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files',
                    filebrowserImageUploadUrl: '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images',
                    filebrowserFlashUploadUrl: '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash'
                });
            </script>
        </p>

        <p>
            <label>Lịch trình</label>
            <span class="field">
                <textarea class="ckeditor" rows="10" cols="80" name="Itinerary" id="Itinerary"></textarea>
            </span>
            <script type="text/javascript">
                CKEDITOR.replace('Itinerary', {
                    filebrowserBrowseUrl: '/ckfinder/ckfinder.html',
                    filebrowserImageBrowseUrl: '/ckfinder/ckfinder.html?Type=Images',
                    filebrowserFlashBrowseUrl: '/ckfinder/ckfinder.html?Type=Flash',
                    filebrowserUploadUrl: '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files',
                    filebrowserImageUploadUrl: '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images',
                    filebrowserFlashUploadUrl: '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash'
                });
            </script>
        </p>

        <p>
            <label>Quy định</label>
            <span class="field">
                <textarea class="ckeditor" rows="10" cols="80" name="Note" id="Note"></textarea>
            </span>
            <script type="text/javascript">
                CKEDITOR.replace('Note', {
                    filebrowserBrowseUrl: '/ckfinder/ckfinder.html',
                    filebrowserImageBrowseUrl: '/ckfinder/ckfinder.html?Type=Images',
                    filebrowserFlashBrowseUrl: '/ckfinder/ckfinder.html?Type=Flash',
                    filebrowserUploadUrl: '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files',
                    filebrowserImageUploadUrl: '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images',
                    filebrowserFlashUploadUrl: '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash'
                });
            </script>
        </p>

        <p>

            <label>Phong cách du lịch</label>
            <span class="field">
                @foreach (var myValue in Model.listTravelStyle)
                {
                    <input type="checkbox" name="IdStyle" id="@myValue.Id" value="@myValue.Id"/>  @myValue.Name
                    <br/>
                }
            </span>

        </p>

        <p class="stdformbutton">
            <input type="submit" value="Chấp nhận" onclick="return checkField()" />
            <input type="submit" value="Quai lại" onclick="javascript: history.back(); return false" />
        </p>

    </form>

    <br clear="all" />
</div>
<!--maincontentinner-->

